<!--  -->
<template>
  <div id="con">
    <i class="el-icon-s-platform unit icon"/>
    <div class="unit txt">{{this.unitData.unitName}}</div>
    <div class="unit txt">{{this.unitData.unitStatus}}</div>
    <div class="unit txt">{{this.unitData.unitCom}}</div>
    <el-button type="warning" class="btn">重启</el-button>
    <el-button type="warning" class="btn">停止</el-button>
    <el-button type="danger" class="btn">删除</el-button>
    <el-button type="success" class="btn">新建</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },

  props:['unitData'],
  //生命周期 - 创建完成（访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（访问DOM元素）
  mounted() {},
};
</script>
<style scoped>
/* @import url(); 引入css类 */
#con {
    display: flex;
    margin-left: 10px;
    margin-top: 20px;
    margin-right:10px;
}

.unit {
    margin-right: 10px;
}

.txt {
    width: 60px;
}

.icon {
    font-size:40px;
}
</style>